<template>
	<view>
		<view class="page">
			<comp-common v-bind="{data:data}" @getUserInfo="getUserInfo" @myLogin="myLogin" @getPhoneNumber="getPhoneNumber" @hideGetCoupon="hideGetCoupon" @closeCouponBox="closeCouponBox" @navigatorClick="navigatorClick"></comp-common>
			<comp-header v-bind="{data:data}" @relevanceError="relevanceError" @relevanceSuccess="relevanceSuccess"></comp-header>
			<view class="body after-navber">
				<view style="position:relative;">
					<image mode="widthFix" :src="data.__wxapp_img.scratch.index.scratch_bg.url" style="position:absolute;text-align:center;width:100%;"></image>
					<navigator class="scratch-rule" url="/scratch/rule/rule" hoverClass="navigator-hover">
						<view>规则</view>
					</navigator>
					<view @click="showShareModal" class="scratch-rule" style="top:104upx">分享</view>
					<view class="scratch-center" style="text-align:center">
						<view class="scratch-cj">
							<view class="scratch-text fs-sm-13">您还有<text class="scratch-num">{{data.oppty}}</text>次抽奖机会</view>
						</view>
						<view class="scratch-bg">
							<view style="position:relative">
								<image class="scratch-bg-1" src="/static/images/scratch/scratch_bg.png"></image>
								<image class="scratch-bg-2" id="frame" src="/static/images/scratch/scratch_kuang.png"></image>
								<view class="scratch-award" v-if="data.register">
									<view class="scratch-award-a">
										<!-- #ifdef H5 -->
										<canvas @touchend.native="touchEnd" @touchmove.native="touchMove" @touchstart.native="touchStart" canvas-id="scratch" class="scratch-canvas" :disableScroll="data.isScroll" id="scratch" style="position:absolute;left:0;z-index:888" v-if="data.isStart"></canvas>
										<!-- #endif -->
										<!-- #ifndef H5 -->
										<canvas @touchend="touchEnd" @touchmove="touchMove" @touchstart="touchStart" canvas-id="scratch" class="scratch-canvas" :disableScroll="data.isScroll" id="scratch" style="position:absolute;left:0;z-index:888" v-if="data.isStart"></canvas>
										<!-- #endif -->
										<view class="scratch-bg-text">
											<text class="scratch-text-1" v-if="data.award_name">{{data.name}}</text>
											<view @click="onStart" class="scratch-bg-text-2" v-if="data.oppty>0&&data.award_name">再刮一次</view>
											<view class="scratch-bg-text-3" v-if="data.oppty<=0&&data.award_name">再刮一次</view>
										</view>
									</view>
									
								</view>
								<image class="scratch-bg-2" src="/static/images/scratch/scratch_hide_2.png" v-if="!data.register"></image>
								<view @click="register" class="scratch-bg-3" v-if="!data.register">{{data.deplete_register}}积分刮一次</view>
							</view>
						</view>
						<view style="padding:40upx 0;color:#ffffff;">
							<navigator hoverClass="navigator-hover" openType="redirect" style="display:inline;padding-right:150upx" url="/pages/index/index">
								<image src="/static/images/scratch/home.png" style="height:30upx;width:30upx;margin-right:14upx;margin-bottom:-2upx"></image>
								<text>回到首页</text>
							</navigator>
							<navigator hoverClass="navigator-hover" style="display:inline;" url="/scratch/prize/prize">
								我的中奖记录 >>
							</navigator>
						</view>
						<view style="margin-bottom:20upx;height:186upx;width:654upx;background:#420080;display:inline-block;border-radius:16upx;text-align:left">
							<view style="height:10upx"></view>
							<view class="recommend">
								<view class="left"></view>
								<text>中奖名单</text>
								<view class="right"></view>
							</view>
							<swiper autoplay="false" circular="false" class="record" duration="500" interval="5000" style="height:100upx;"
							 vertical="true">
								<swiper-item>
									<view style="padding: 0 50upx">
										<block v-for="(log,lindex) in data.log" :key="lindex">
											<view class="text-more-2" style="-webkit-line-clamp:1;height:50upx;line-height:50upx;">{{log.create_time}}
												{{log.user}} {{log.name}}</view>
											<view v-if="log.length<2"></view>
										</block>
									</view>
								</swiper-item>
							</swiper>
						</view>
					</view>
				</view>
				<view class="model-award" v-if="data.award">
					<view class="act-modal show">
						<view class="act-modal-bg"></view>
						<view class="act-modal-pic">
							<view class="act-modal-start">
								<image mode="scaleToFill" :src="data.__wxapp_img.scratch.index.scratch_success.url"></image>
								<view class="gx">
									<view class="flex-y-center gx-a">
										<view class="text-more-2 gx-b fs-sm-13">
											<view>恭喜获得</view>{{data.name}}
										</view>
									</view>
								</view>
							</view>
							<view class="act-modal-end">
								<view @click="onStart" class="act-modal-k fs-sm-13">
									再刮一次
								</view>
								<view class="act-zh">奖品已放入您的账号</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<save-qrcode v-bind="{data:data}" @qrcodeClick="qrcodeClick" @saveQrcode="saveQrcode" @qrcodeClose="qrcodeClose" @getGoodsQrcode="getGoodsQrcode" @shareModalClose="shareModalClose" @onShareWebMessage="onShareWebMessage"></save-qrcode>

		</view>

	</view>
</template>

<script>var myVue = {};
	var interval;
	import saveQrcode from '../../components/save_qrcode/save_qrcode.vue'
	export default {
		ctx: null,
		components:{saveQrcode},
		data() {
			return {
				data: {
						isStart: !0,
						name: "",
						monitor: "",
						detect: !0,
						type: 5,
						error: "",
						oppty: 0,
						log: [],
						register: !0,
						award_name: !1,
						offsetTop: 0,
						offsetLeft: 0
				},
			}
		},
		onLoad: function(t) {myVue = this;
        myVue.getApp.page.onLoad(this, t);
    },
    onShow: function() {
        myVue.getApp.page.onShow(this), myVue.getApp.core.showLoading({
            title: "加载中"
        });
        var i = this;
        myVue.getApp.request({
            url: myVue.getApp.api.scratch.setting,
            success: function(t) {
                var e = t.data.setting;
                e.title && i.getApp.core.setNavigationBarTitle({
                    title: e.title
                }), i.setData({
                    title: e.title,
                    deplete_register: e.deplete_register,
                    register: null == e.deplete_register || 0 == e.deplete_register
                }), i.getApp.request({
                    url: i.getApp.api.scratch.index,
                    success: function(t) {
                        if (0 == t.code) {
                            i.init();
                            var e = t.data.list, a = i.setName(e);
                            console.log("name=>" + a), i.setData({
                                name: a,
                                oppty: t.data.oppty,
                                id: e.id,
                                type: e.type
                            });
                        } else i.setData({
                            error: t.msg,
                            isStart: !0,
                            oppty: t.data.oppty
                        });
                    },
                    complete: function(t) {
                        i.getApp.core.hideLoading();
                    }
                });
            }
        }), i.prizeLog(), interval = setInterval(function() {
            i.prizeLog();
        }, 1e4);
    },
		onReady: function() {
        "undefined" != typeof my && this.init();
    },
		onShareAppMessage: function() {
			myVue.getApp.page.onShareAppMessage(this), this.setData({
            share_modal_active: !1
        });
        var t = {
            path: "/scratch/index/index?user_id=" + myVue.getApp.getUser().id,
            title: this.data.title ? this.data.title : "刮刮卡"
        };
        setTimeout(function() {
            return t;
        }, 500);
    },
    onHide: function() {
        myVue.getApp.page.onHide(this), clearInterval(interval);
    },
    onUnload: function() {
        myVue.getApp.page.onUnload(this), clearInterval(interval);
    },
		methods: {
    onStart: function() {
			myVue.getApp.core.redirectTo({
				url: '/scratch/index/index'
			})
// 			this.setData({
//             register: null == this.data.deplete_register || 0 == this.data.deplete_register,
//             name: this.data.monitor,
//             isStart: !0,
//             award: !1,
//             award_name: !1
//         }), this.init();
    },
			prizeLog: function() {
        var e = this;
        myVue.getApp.request({
            url: myVue.getApp.api.scratch.log,
            success: function(t) {
                0 == t.code && e.setData({
                    log: t.data
                });
            }
        });
    },
    register: function() {
        this.data.error ? myVue.getApp.core.showModal({
            title: "提示",
            content: this.data.error,
            showCancel: !1
        }) : (this.setData({
            register: !0
        }), this.init());
    },
    init: function() {
        var t = myVue.getApp.core.createSelectorQuery(), s = this;
        s.setData({
            award_name: !1
        }), t.select("#frame").boundingClientRect(data => {
					s.setData({
						canvasTop: data.top,
						canvasLeft: data.left
					})
				}), t.exec(function(t) {
            var e = t[0].width, a = t[0].height;
            s.setData({
                r: 16,
                lastX: "",
                lastY: "",
                minX: "",
                minY: "",
                maxX: "",
                maxY: "",
                canvasWidth: e,
                canvasHeight: a
            });
            var i = s.getApp.core.createCanvasContext("scratch");
            i.drawImage("/static/images/scratch/scratch_hide_2.png", 0, 0, e, a), s.ctx = i, "undefined" == typeof my ? (console.log(s.ctx), 
            i.draw(!1, function(t) {
                s.setData({
                    register: !0,
                    award_name: !0
                });
            })) : i.draw(!0), s.setData({
                isStart: !0,
                isScroll: !0
            });
        });
    },
		drawRect: function(t, e) {
        var a = this.data.r / 2, i = 0 < t - a ? t - a : 0, s = 0 < e - a ? e - a : 0;
        return "" !== this.data.minX ? this.setData({
            minX: this.data.minX > i ? i : this.data.minX,
            minY: this.data.minY > s ? s : this.data.minY,
            maxX: this.data.maxX > i ? this.data.maxX : i,
            maxY: this.data.maxY > s ? this.data.maxY : s
        }) : this.setData({
            minX: i,
            minY: s,
            maxX: i,
            maxY: s
        }), this.setData({
            lastX: i,
            lastY: s
        }), [ i, s, 2 * a ];
    },
    clearArc: function(t, e, a) {
        var i = this.data.r, s = this.ctx, o = i - a, r = Math.sqrt(i * i - o * o), c = t - o, n = e - r, d = 2 * o, p = 2 * r;
        a <= i && (s.clearRect(c, n, d, p), a += 1, this.clearArc(t, e, a));
    },
    touchStart: function(t) {
        if (this.setData({
            award_name: !0
        }), this.data.isStart) if (this.data.error) myVue.getApp.core.showModal({
            title: "提示",
            content: this.data.error,
            showCancel: !1
        }); else ;
    },
    touchMove: function(t) {
        if (this.data.isStart && !this.data.error) {
					// #ifdef H5
					var mouseX = t.touches[0].clientX - this.data.canvasLeft;
					var mouseY = t.touches[0].clientY - this.data.canvasTop;
					// #endif
					// #ifndef H5
					var mouseX = t.touches[0].x;
					var mouseY = t.touches[0].y;
					// #endif
					this.drawRect(mouseX, mouseY), this.clearArc(mouseX, mouseY, 1), this.ctx.draw(!0);
        }
    },
    touchEnd: function(t) {
        if (this.data.isStart && !this.data.error) {
            var a = this, e = this.data.canvasWidth, i = this.data.canvasHeight, s = this.data.minX, o = this.data.minY, r = this.data.maxX, c = this.data.maxY;
            .4 * e < r - s && .4 * i < c - o && this.data.detect && (a.setData({
                detect: !1
            }), myVue.getApp.request({
                url: myVue.getApp.api.scratch.receive,
                data: {
                    id: a.data.id
                },
                success: function(t) {
                    if (0 == t.code) {
                        a.setData({
                            award: 5 != a.data.type,
                            isStart: !1,
                            isScroll: !0
                        }), a.ctx.draw();
                        var e = t.data.list;
                        t.data.oppty <= 0 || "" == e ? a.setData({
                            monitor: "谢谢参与",
                            error: t.msg ? t.msg : "机会已用完",
                            detect: !0,
                            type: 5,
                            oppty: t.data.oppty
                        }) : a.setData({
                            monitor: a.setName(e),
                            id: e.id,
                            detect: !0,
                            type: e.type,
                            oppty: t.data.oppty
                        });
                    } else a.getApp.core.showModal({
                        title: "提示",
                        content: t.msg ? t.msg : "网络异常，请稍后重试",
                        showCancel: !1
                    }), a.setData({
                        monitor: "谢谢参与",
                        detect: !0
                    }), a.onStart();
                }
            }));
        }
    },
    setName: function(t) {
        var e = "";
        switch (parseInt(t.type)) {
          case 1:
            e = t.price + "元红包";
            break;

          case 2:
            e = t.coupon;
            break;

          case 3:
            e = t.num + "积分";
            break;

          case 4:
            e = t.gift;
            break;

          default:
            e = "谢谢参与";
        }
        return e;
    },
		showShareModal: function() {
        this.setData({
            share_modal_active: "active"
        });
    },
    shareModalClose: function() {
        this.setData({
            share_modal_active: ""
        });
    },
    getGoodsQrcode: function() {
        var e = this;
        if (e.setData({
            qrcode_active: "active",
            share_modal_active: ""
        }), e.data.goods_qrcode) return !0;
        myVue.getApp.request({
            url: myVue.getApp.api.scratch.qrcode,
            success: function(t) {
                0 == t.code && e.setData({
                    goods_qrcode: t.data.pic_url
                }), 1 == t.code && (e.goodsQrcodeClose(), e.getApp.core.showModal({
                    title: "提示",
                    content: t.msg,
                    showCancel: !1,
                    success: function(t) {
                        t.confirm;
                    }
                }));
            }
        });
    },
    qrcodeClick: function(t) {
        var e = t.currentTarget.dataset.src;
        myVue.getApp.core.previewImage({
            urls: [ e ]
        });
    },
    qrcodeClose: function() {
        this.setData({
            qrcode_active: ""
        });
    },
    saveQrcode: function() {
        var e = this;
        myVue.getApp.core.saveImageToPhotosAlbum ? (myVue.getApp.core.showLoading({
            title: "正在保存图片",
            mask: !1
        }), myVue.getApp.core.downloadFile({
            url: e.data.goods_qrcode,
            success: function(t) {
                myVue.getApp.core.showLoading({
                    title: "正在保存图片",
                    mask: !1
                }), myVue.getApp.core.saveImageToPhotosAlbum({
                    filePath: t.tempFilePath,
                    success: function() {
                        myVue.getApp.core.showModal({
                            title: "提示",
                            content: "商品海报保存成功",
                            showCancel: !1
                        });
                    },
                    fail: function(t) {
                        myVue.getApp.core.showModal({
                            title: "图片保存失败",
                            content: t.errMsg,
                            showCancel: !1
                        });
                    },
                    complete: function(t) {
                        myVue.getApp.core.hideLoading();
                    }
                });
            },
            fail: function(t) {
                myVue.getApp.core.showModal({
                    title: "图片下载失败",
                    content: t.errMsg + ";" + e.data.goods_qrcode,
                    showCancel: !1
                });
            },
            complete: function(t) {
                myVue.getApp.core.hideLoading();
            }
        })) : myVue.getApp.core.showModal({
            title: "提示",
            content: "当前版本过低，无法使用该功能，请升级到最新版本后重试。",
            showCancel: !1
        });
    },
    goodsQrcodeClose: function() {
        this.setData({
            goods_qrcode_active: "",
            no_scroll: !1
        });
    },
		onShareWebMessage: function() {
			this.setData({
            share_modal_active: !1
        });
			this.$webShare({
				path: "/scratch/index/index?user_id=" + myVue.getApp.getUser().id,
				title: this.data.title ? this.data.title : "刮刮卡"
			}).then(function() {
				
			})
    },
		},
	}
</script>

<style scoped>
	.page /deep/ .goods-qrcode-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background: rgba(0, 0, 0, .5);
		padding: 40upx;
		transform: translateY(100%);
		opacity: .5;
		transition: opacity 250ms;
		visibility: hidden;
	}

	.page /deep/ .goods-qrcode-modal.active {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.page /deep/ .goods-qrcode-body {
		background: #fff;
		height: 100%;
		border-radius: 10upx;
		z-index: 99999;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-box {
		height: 100%;
		position: relative;
		box-shadow: 0 0 15upx rgba(0, 0, 0, .15);
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-loading {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode {
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		display: none;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode.active {
		display: block;
	}

	.page /deep/ .goods-qrcode-modal .goods-qrcode-close {
		position: absolute;
		top: 40upx;
		right: 40upx;
		padding: 15upx;
	}

	.page /deep/ .share-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .0);
		z-index: 1000;
		transform: translateY(100%);
		transition: background 250ms;
	}

	.page /deep/ .share-modal .share-modal-body {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #f2f2f2;
		padding-top: 60upx;
		transform: translateY(100%);
		transition: transform 250ms;
	}

	.page /deep/ .share-modal.active {
		transform: translateY(0);
		background: rgba(0, 0, 0, .5);
	}

	.page /deep/ .share-modal.active .share-modal-body {
		transform: translateY(0);
	}

	.page /deep/ .share-modal .share-bottom {
		text-align: center;
		font-size: 9pt;
		margin: 0;
		padding: 0;
		margin-bottom: 60upx;
		line-height: inherit;
		border: none;
		background: none;
		color: inherit;
		font-family: inherit;
		display: inline-block;
	}

	.page /deep/ .share-modal .share-bottom:after {
		display: none;
	}

	.page /deep/ .share-modal .share-bottom cover-image,
	.page /deep/ .share-modal .share-bottom image {
		width: 120upx;
		height: 120upx;
		margin-bottom: 12upx;
		border-radius: 999upx;
		border: 1upx solid #eee;
	}

	.page /deep/ .share-modal .share-bottom:active cover-image,
	.page /deep/ .share-modal .share-bottom:active image {
		opacity: .7;
	}

	.page /deep/ .share-modal .share-modal-close {
		background: #fff;
		height: 100upx;
		border-top: 1upx solid #eee;
	}

	page {
		background: #5e00b8;
		cursor: hand;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.page /deep/ .scratch-rule {
		background: #000000;
		background-color: rgba(0, 0, 0, 0.3);
		text-align: center;
		color: #ffffff;
		line-height: 48upx;
		width: 92upx;
		border-radius: 24upx 0 0 24upx;
		position: absolute;
		right: 0;
		top: 40upx;
		z-index: 5;
	}

	.page /deep/ .scratch-cj {
		display: inline-block;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 28upx;
		line-height: 56upx;
		padding: 0 30upx;
	}

	.page /deep/ .scratch-text {
		color: #ffffff;
	}

	.page /deep/ .scratch-num {
		color: #ffb92a;
	}

	.page /deep/ .left {
		height: 1upx;
		width: 120upx;
		background: #bbbbbb;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: -45%;
		transform: translateY(-50%);
	}

	.page /deep/ .recommend {
		margin: 10upx 220upx 0upx 220upx;
		text-align: center;
		position: relative;
		color: #ffffff;
	}

	.page /deep/ .right {
		height: 1upx;
		width: 120upx;
		background: #bbbbbb;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: -45%;
		transform: translateY(-50%);
	}

	.page /deep/ .index-hd {
		padding: 80upx;
		text-align: center;
		padding: 20upx 26upx 40upx;
	}

	.page /deep/ button {
		margin-top: 40upx;
	}

	.page /deep/ .record {
		del_padding: 0 50upx;
		color: #ffffff;
		margin-top: 10upx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-align: left;
	}

	.page /deep/ .act-modal {
		position: fixed;
		left: 0;
		top: var(--window-top);
		width: 100%;
		height: 100%;
		z-index: 2001;
		visibility: hidden;
		opacity: 0;
		transition: 200ms;
	}

	.page /deep/ .act-modal.show {
		visibility: visible;
		opacity: 1;
	}

	.page /deep/ .act-modal .act-modal-bg {
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		left: 0;
		top: var(--window-top);
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.page /deep/ .act-modal .act-modal-pic {
		background: rgba(0, 0, 0, 0.25);
		position: fixed;
		left: 0;
		top: var(--window-top);
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.page /deep/ .act-modal .act-modal-close image {
		width: 50upx;
		height: 50upx;
		margin-top: 50upx;
	}

	.page /deep/ .model-award {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		text-align: center;
	}

	.page /deep/ .act-modal-start {
		position: relative;
		height: 730upx;
	}

	.page /deep/ .act-modal-start image {
		width: 100%;
		height: 730upx;
	}

	.page /deep/ .gx {
		position: absolute;
		top: 500upx;
		left: 50%;
		right: 0;
		transform: translate(-50%, 0);
	}

	.page /deep/ .gx-a {
		height: 210upx;
		width: 100%;
	}

	.page /deep/ .gx-b {
		color: #f05525;
		-webkit-line-clamp: 3;
	}

	.page /deep/ .act-modal-end {
		position: relative;
		border-bottom: 10upx solid #ffb947;
		border-radius: 0 0 24upx 24upx;
		border-left: 10upx solid #ffb947;
		border-right: 10upx solid #ffb947;
		margin: 0 131upx;
		background: #ffffff;
		height: 160upx;
	}

	.page /deep/ .act-modal-k {
		line-height: 72upx;
		border-radius: 40upx;
		background: #f05525;
		text-align: center;
		color: #ffffff;
		margin: 0 80upx 30upx 80upx;
	}

	.page /deep/ .act-zh {
		color: #999999;
		padding-bottom: 0px;
	}

	.page /deep/ .scratch-center {
		position: relative;
		padding-top: 380upx;
	}

	.page /deep/ .scratch-bg {
		padding-top: 30upx;
	}

	.page /deep/ .scratch-bg-1 {
		width: 640upx;
		height: 360upx;
	}

	.page /deep/ .scratch-bg-2 {
		position: absolute;
		top: 20upx;
		left: 50%;
		transform: translate(-50%, 0);
		width: 600upx;
		height: 320upx;
	}

	.page /deep/ .scratch-bg-3 {
		position: absolute;
		top: 150upx;
		left: 50%;
		transform: translate(-50%, 0);
		line-height: 80upx;
		background: #f05525;
		border-radius: 40upx;
		padding: 0 48upx;
		color: #ffffff;
	}

	.page /deep/ .scratch-award {
		position: absolute;
		top: 20upx;
		left: 50%;
		transform: translate(-50%, 0);
		width: 600upx;
		height: 320upx;
	}

	.page /deep/ .scratch-canvas {
		z-index: 999;
		width: 600upx;
		height: 320upx;
	}

	.page /deep/ .scratch-award-a {
		position: relative;
		top: 0;
		left: 0;
		width: 600upx;
		height: 320upx;
	}

	.page /deep/ .scratch-bg-text {
		position: absolute;
		top: 60upx;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.page /deep/ .scratch-text-1 {
		font-size: 18pt;
		color: #f05525;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		width: 410upx;
	}

	.page /deep/ .scratch-bg-text-2 {
		width: 400upx;
		line-height: 80upx;
		color: #ffffff;
		margin-top: 40upx;
		border-radius: 40upx;
		background: #f05525;
	}

	.page /deep/ .scratch-bg-text-3 {
		width: 400upx;
		line-height: 80upx;
		color: #ffffff;
		margin-top: 40upx;
		border-radius: 40upx;
		background: #cdcdcd;
	}
</style>
